<!DOCTYPE HTML>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link href="../showVector/css/show2D.css" rel="stylesheet" type="text/css">

  <link href="css/biao.css" rel="stylesheet" type="text/css">
</head>

<body>
  <div>
    <canvas id="mycanvas" class="canvasCSS">该浏览器不支持该页面，请换浏览器！</canvas>
  </div>

  <div id="choice" class="myQus">
    <div class="myC">请选择你想演示的维度：</div>
    <div align="center">(标准正交基)</div>
    <div align="center">
      <input type="button" name="cho" class="myButton" value="二维向量" />
      <input type="button" name="cho" class="myButton" value="三维向量" />
    </div>
  </div>

  <div class="myff">
    <div id="tow" class="tow">
      <div>示例：<br>{&nbsp;sqrt(2)/2&nbsp;,&nbsp;sqrt(2)/2}<br>
        {&nbsp;-sqrt(2)/2&nbsp;,&nbsp;sqrt(2)/2&nbsp;}
      </div>
      <table>
        <tr>
          <td width="20" rowspan="2"><img src="image/left.png" width="20" height="151"></td>
          <td height="74"><img src="image/left1.png" width="23" height="57"></td>
          <td><input name="i1" type="text" placeholder="i1" class="myt"></td>
          <td><b>，</b></td>
          <td><input name="j1" type="text" placeholder="j1" class="myt"></td>
          <td><img src="image/right1.png" width="19" height="57"></td>
          <td width="20" rowspan="2"><img src="image/right.png" width="20" height="151"></td>
        </tr>
        <tr>
          <td width="20" height="74"><img src="image/left1.png" width="23" height="57"></td>
          <td width="40"><input name="i2" type="text" placeholder="i2" class="myt"></td>
          <td><b>，</b></td>
          <td width="40"><input name="j2" type="text" placeholder="j2" class="myt"></td>
          <td width="20"><img src="image/right1.png" width="19" height="57"></td>
        </tr>
      </table>
    </div>


    <div id="thiree" class="thiree">
      <div align="left">示例:<br>{&nbsp;2/sqrt(14)&nbsp;,&nbsp;1/sqrt(14),3/sqrt(14)&nbsp;}<br>
        {&nbsp;-1/sqrt(3)&nbsp;,&nbsp;-1/sqrt(3)&nbsp;,&nbsp;1/sqrt(3)&nbsp;}<br>
        {&nbsp;4/sqrt(42)&nbsp;,&nbsp;-5/sqrt(42)&nbsp;,&nbsp;-1/sqrt(42)&nbsp;}</div>
      <table>
        <tr>
          <td width="20" rowspan="3"><img src="image/left.png" width="20" height="226"></td>
          <td height="74"><img src="image/left1.png" width="23" height="57"></td>
          <td><input name="i1" type="text" placeholder="i1" class="myt"></td>
          <td><b>，</b></td>
          <td><input name="j1" type="text" placeholder="j1" class="myt"></td>
          <td><b>，</b></td>
          <td><input name="k1" type="text" placeholder="k1" class="myt"></td>
          <td><img src="image/right1.png" width="19" height="57"></td>
          <td width="20" rowspan="3"><img src="image/right.png" width="20" height="226"></td>
        </tr>
        <tr>
          <td height="74"><img src="image/left1.png" width="23" height="57"></td>
          <td><input name="i2" type="text" placeholder="i2" class="myt"></td>
          <td><b>，</b></td>
          <td><input name="j2" type="text" placeholder="j2" class="myt"></td>
          <td><b>，</b></td>
          <td><input name="k2" type="text" placeholder="k2" class="myt"></td>
          <td width="20"><img src="image/right1.png" width="19" height="57"></td>
        </tr>
        <tr>
          <td width="20" height="74"><img src="image/left1.png" width="23" height="57"></td>
          <td width="40"><input name="i3" type="text" placeholder="i3" class="myt"></td>
          <td><b>，</b></td>
          <td width="40"><input name="j3" type="text" placeholder="j3" class="myt"></td>
          <td><b>，</b></td>
          <td width="40"><input name="k3" type="text" placeholder="k3" class="myt"></td>
          <td width="20"><img src="image/right1.png" width="19" height="57"></td>
        </tr>
      </table>

    </div>
    <div>
      <input name="button" type="button" class="bu" id="show" value="演示">
      <input name="button2" type="button" class="bu" id="refurbish" value="刷新">
    </div>
  </div>
  <script type="text/javascript" src="../js/towJS.js"></script>
  <script type="text/javascript" src="js/fen.js"></script>
  <script type="text/javascript" src="js/biao.js"></script>
</body>

</html>